جاوا اسکریپت مدرن برای مبتدیان [ویدئو]

سرفصل ها و درس ها

مقدمه ها Introductions

• معرفی Introduction

• بیایید ببینیم جاوا اسکریپت چه کاری می تواند انجام دهد Let's See What JavaScript Can Do

• دانلود فایل های Starter Download Starter Files

مبانی جاوا اسکریپت JavaScript Basics

• جاوا اسکریپت را کجا اضافه کنیم Where to Add JavaScript

• Async و Defer Async and Defer

• کار با رشته ها Working with Strings

• ذخیره سازی داده ها با متغیرها Storing Data with Variables

• ترکیب رشته ها با متغیرها Mixing Strings with Variables

• انواع داده ها: اعداد Datatypes: Numbers

• انواع داده: Boolean، Null و Undefined Datatypes: Boolean, Null, and Undefined

• نظرات: نقطه ویرگول و ASI Comments: Semicolons and ASI

• اپراتورها: تخصیص و مقایسه Operators: Assignment and Comparison

• عملگرها: منطقی و حسابی Operators: Logical and Arithmetic

• مقدمه ای بر آرایه ها و انواع شی Introduction to Arrays and Object Types

• مقدمه ای بر اشیاء Introduction to Objects

• مقدمه ای بر توابع Introduction to Functions

آرایه ها در عمق بیشتر Arrays in More Depth

• سازنده آرایه The Array Constructor

• مقدمه ای بر خواص، روش ها و نمونه اولیه Introduction to Properties, Methods, and the Prototype

• اصلاح آرایه ها Modifying Arrays

• بازگشت ارزش های جدید Returning New Values

• روشهای تکرار Iteration Methods

• کاهنده ها Reducers

• نقشه و forEach Map and forEach

• تخریب آرایه Array Destructing

• اپراتورها: مقادیر منحصر به فرد با مجموعه Operators: Unique Values with Set

• آرایه های دو بعدی Two-Dimensional Arrays

کارکرد Functions

• شی جهانی و توابع داخلی The Global Object and Built-In Functions

• عبارات تابع Function Expressions

• عبارات تابع فوراً فراخوانی شده Immediately Invoked Function Expressions

• ناشناس یا با نام Anonymous or Named

• یک تابع یا روش A Function or Method

• توابع پیکان Arrow Functions

• مقادیر پارامترهای پیش فرض و استفاده از حالت استراحت Default Parameter Values and Using Rest

رویدادها و DOM Events and the DOM

• DOM چیست؟ What Is the DOM?

• انتخاب عناصر Selecting Elements

• تغییر ارزش ها و ویژگی ها Changing Values and Attributes

• تغییر CSS یک عنصر Changing an Element's CSS

• ایجاد عناصر جدید Creating New Elements

• افزودن عناصر به صفحه Adding Elements to the Page

• شبیه سازی و حذف عناصر Cloning and Removing Elements

• چالش کوچک: یک بخش جدید ایجاد کنید Mini Challenge: Create a New Section

• حلقه زدن با عناصر DOM Looping with DOM Elements

• مقدمه ای بر رویدادها Introduction to Events

• گوش دادن به رویدادها Listening to Events

• گوش دادن به رویدادهای متعدد و داده های رویداد Listening to Multiple Events and Event Data

• انتشار رویداد Event Propagation

• یک بار اجرای رویدادها Running Events Once

• جلوگیری از رفتار پیش‌فرض و گزینه غیرفعال Preventing Default Behavior and the Passive Option

• حذف شنوندگان رویداد Removing Event Listeners

• مجموعه HTML یا NodeList؟ HTML Collection or NodeList?

• چالش کوچک: یک دکمه حالت تاریک ایجاد کنید Mini Challenge: Create a Dark Mode button

زمان برای تمرین Time to Practice

• پروژه پخش کننده ویدیو: ایجاد رابط کاربری Video Player Project: Creating the UI

• رویدادها، ویژگی ها و روش ها Events, Properties, and Methods

• بازی Shape-Drop - ایجاد رابط کاربری Shape-Drop Game - Creating the UI

• بازی Shape-Drop - رویدادها را بکشید و رها کنید Shape-Drop Game - Drag and Drop Events

• بازی Shape-Drop - مدیریت امتیاز و پایان بازی Shape-Drop Game - Handling the Score and End of Game

حلقه ها و شرایط Loops and Conditionals

• برای حلقه ها For Loops

• For-in و For-of Loops For-in and For-of Loops

• در حالی که حلقه ها While Loops

• اگر/دیگر اظهارات if/else Statements

• اظهارات else/if else/if Statements

• بیانیه سوئیچ The Switch Statement

• اپراتور مشروط (سه تایی) The Conditional Operator (Ternary)

• نوع اجبار و تبدیل Type Coercion and Conversion

• حقیقت و دروغ Truthy and Falsey

• زنجیربندی اختیاری Optional Chaining

اشیاء در عمق بیشتر Objects in More Depth

• ایجاد و اصلاح اشیاء جدید Creating and Modifying New Objects

• توابع سازنده شی Object Constructor Functions

• نمونه های اولیه شی Object Prototypes

• به ارث بردن خواص شی Inheriting Object Properties

• کپی کردن ویژگی های شی Copying Object Properties

• اشیاء به سبک CSS CSS Style Objects

• حلقه زدن با اشیاء Looping with Objects

• اشیاء دینامیک Dynamic Objects

• انواع اولیه و مرجع Primitive and Reference Types

• مقایسه اشیاء Comparing Objects

پروژه سرآشپز سریع Speedy Chef Project

• معرفی پروژه Speedy Chef Speedy Chef Project Introduction

• سفارشات لیست Listing Orders

• Refractor سفارشات لیست Listing Orders Refractor

• تابع کمک کننده عنصر Element Helper Function

• انتخاب سفارش فعلی Selecting the Current Order

• پیتزا فعلی را تنظیم کنید Set the Current Pizza

• روش های تقسیم و پیوستن Split and Join Methods

• اضافه کردن پیتزا به فر Adding Pizzas to the Oven

• شروع و پایان بازی Starting and Ending the Game

ریاضی، تاریخ و تایمر Math, Date, and Timers

• مقدمه ای بر ریاضیات جاوا اسکریپت Introduction to JavaScript Math

• تولید پیتزا و سفارشات جدید با ریاضی Generating New Pizzas and Orders with Math

• setInterval() setInterval()

• setTimeout() setTimeout()

• پاک کردن تایمرها Clearing Timers

• مقدمه ای بر تاریخ جاوا اسکریپت Introduction to JavaScript Date

• تنظیم زمان پخت با تاریخ Setting the Cooking Time with Date

طراحی با جاوا اسکریپت Drawing with JavaScript

• مقدمه ای بر بوم و مختصات Introduction to the Canvas and Coordinates

• تنظیم مواد تشکیل دهنده Setting Up the ingredients

• طراحی مواد دایره ای Drawing Circular Ingredients

• نقاشی چند تکه Drawing Multiple Pieces

• پاک کردن بوم Clearing the Canvas

پایان کار Finishing Touches

• هدر دادن پیتزاها Wasting Pizzas

• بررسی مراحل Checking Steps

• تکمیل سفارشات Completing Orders

• حذف سفارشات از آرایه Removing Orders from the Array

• به روز رسانی UI و آمار Updating the UI and Stats

بسته های بالابر محدوده Scope Hoisting Closures

• مقدمه ای بر دامنه Introduction to Scope

• محدوده تودرتو Nesting Scope

• محدوده بلوک و عملکرد Block and Function Scope

• بالا بردن Hoisting

• منطقه مرده موقت Temporal Dead Zone

• بسته شدن Closures

جاوا اسکریپت غیر همگام Async JavaScript

• کمی پس زمینه A Little Bit of Background

• تماس های تلفنی Callbacks

• وعده ها Promises

• سازنده وعده The Promise Constructor

• رسیدگی به وعده های متعدد Handling Multiple Promises

• Async/Await Async/Await

• رسیدگی به انتظارات متعدد Handling Multiple Awaits

• رسیدگی به خطا Error Handling

تمرین بیشتر More Practice

• ترک پروژه خیلی زود Leaving So Soon Project

• چرخ فلک تصویر: تنظیم تصاویر Image Carousel: Setting the Images

• چرخ فلک تصویر: ایجاد فلش ها Image Carousel: Creating the Arrows

• چرخ فلک تصویر: مرتب کردن مجدد تصاویر Image Carousel: Reordering the Images